<!DOCTYPE html>
<html>
	<head>
		<title>客厅环境监控</title>
		<meta charset="UTF-8">
		<script type="text/javascript" src="../pub.js"></script>
		<style type="text/css">
			.divtop {
				width: 100%;
				height: 100px;
				background-image:url(../imge/home2.jpg);
				background-size: 100% 100%;
			}
			
			.divmidde {
				width: 100%;
				position: absolute;
				top: 100px;
				bottom: 30px; 
				background-image:url(../imge/home.jpg);
				background-size: 100% 100%;
			}
			
			.divbottom{
				width: 100%;
				height: 30px;
				position: absolute;
				bottom: 0px;
				background-color: #191970;
			}
			
			.divtable1 {
				float:left;
				width: 25%;
				height: 80%;
				position: absolute;
				margin-left: 0%;
				bottom: 20%;
				background-color: #696969;
				opacity: 1;
			}
			.divtable2 {
				float:left;
				width: 25%;
				height: 80%;
				position: absolute;
				margin-left: 25%;
				bottom: 20%;
				background-color: #696969;
				opacity: 0.7;
			}
			.divtable3 {
				float:left;
				width: 25%;
				height: 80%;
				position: absolute;
				margin-left: 50%;
				bottom: 20%;
				background-color: #696969;
				opacity: 0.7;
			}
			.divtable4 {
				float:left;
				width: 24%;
				height: 80%;
				position: absolute;
				margin-left: 75%;
				bottom: 20%;
				background-color: #696969;
				opacity: 0.7;
			}
			.divtable5 {
				float:left;
				width: 15%;
				height:10%;
				position: absolute;
				margin-left: 42%;
				bottom: 3%;
				background-color: #696969;
				opacity: 0.7;
			}
		</style>

	</head>
	<body>
	
	<div class="divtop">
		<center>
		<b><h1><font color="#7CFC00" size="+5">客厅环境信息</font></h1></b>
		</center>
	</div>
	
	<div class="divmidde">
		<div class="divtable1">
		<!-- <center>
			
		<font color="#FFD700" size="+2">实时监控</font>
		<img 
		   src="http://192.168.162.164:8080/?action=stream"
		   alt="http://192.168.162.164:8080/?action=stream" width="300"
		   height="310"></img>
			
		</center> -->
		</div>
		
		<div class="divtable2">
		<center>
			<font color="#FFD700" size="+2">环境信息</font>
			<iframe src="../cgi-bin/living_view.cgi" height="310" width="300">
			</iframe>
			<a href='' name='get_cgi'>点击获取cgi(m)</a>
		</center>
		</div>
		
		<div class="divtable3">
			<center>
				<font color="#FFD700" size="+2">阈值设置</font>
				<!-- <form action="../living_set.cgi" method="get"> -->
				<form action="../cgi-bin/living_set.cgi" method="get">
				<br>
				温度上限:
				<input type="text" name="temp_up" value="111" size=10/><br>
				温度下限:
				<input type="text" name="temp_low" value="4" size=10/><br><br>
				湿度上限:
				<input type="text" name="hum_up" value="222" size=10/><br>
				湿度下限:
				<input type="text" name="hum_low" value="4" size=10/><br><br>
				光强上限:
				<input type="text" name="illu_up" value="333" size=10/><br>
				光强下限:
				<input type="text" name="illu_low" value="333" size=10/><br><br>
				<br>
				<input type="submit" name="set_button_living" value="提交(回车)" />
				<input type="reset" name="reset" value="重置"/>
				<a>消息队列堵塞</a>
				</form>		
			</center>
		</div>
		<div class="divtable4">
		<center>
			<font color="#FFD700" size="+2">电器控制</font>
			<form action="../cgi-bin/living_dev.cgi" method="get"><br>
				照明(开 摁1):<br>
				<input type="radio" name="LED" value="ON">开
				<input type="radio" name="LED" value="OFF"checked>关<br><br>
				<br>空调(开 摁2):<br>
				<input type="radio" name="FAN" value="ON">开
				<input type="radio" name="FAN" value="OFF" checked>关<br><br>
					
				<br>加湿器(开 摁3):<br>
				<input type="radio" name="BEEP" value="ON">开
				<input type="radio" name="BEEP" value="OFF" checked>关<br><br>
				<input type="submit" name="login_button_lving_room" value="提交(空格)" />
				<input type="reset" name="reset" value="重置"/>
			</form>
		</center>
		</div>
		<div class="divtable5" >
		<a href="home_select.html" target="_top" name="liv_rom_back" ><p
					style="font-family:arial;color:red;font-size:20px;" align="center">返  回(回退)</p></a>
</div>					
	</div>
	
	<div class="divbottom">
		<marquee  behavior=alternate scrollamount=5  Scroll amount=5>
			<font STYLE='font:180px;color:#ff8c00;font-weight:bold;'><BIG>
			@ 版权归. xxx团队所有.Emily：xxxx.com 
			</font>
		</marquee>
	</div>
		
		
	</body>
</html>
